@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2+px;
}

.web {
    background: white;
    header {
        overflow: hidden;
        .ba {
            width: p(123);
            height: p(57);
            border: p(3) solid #ff9a50;
            border-radius: p(16);
            text-align: center;
            line-height: p(53);
            float: left;
            margin-left: p(23);
            margin-top: p(48);
            a {
                font-size: p(26);
                color: black;
            }
        }
        .h1 {
            text-align: center;
            margin-top: p(65);
            h1 {
                font-size: p(26);
            }
        }
        .xlk {
            float: right;
            margin-top: p(47);
            margin-right: p(24);
            position: relative;
            select {
                width: p(163);
                height: p(60);
                border: p(3) solid #ff9344;
                padding-left: p(14);
                appearance: none;
                background: white;
                -moz-appearance: none;
                -webkit-appearance: none;
            }
            select::-ms-expand {
                display: none;
            }
            &::after {
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                right: p(11);
                top: p( 22);
                border-top: p(16) solid #ff9344;
                border-left: p(16) solid transparent;
                border-right: p(16) solid transparent;
            }
        }
        .soud {
            width: p(270);
            height: p(55);
            border: p(3) solid #ff9344;
            border-radius: p(21);
            overflow: hidden;
            margin: auto;
            margin-top: p(48);
            input[type=text] {
                width: p(207);
                height: p(45);
                border: none;
                padding-left: p(20);
                margin-top: p(5);
            }
            input[type=image] {
                width: p(36);
                height: p(34);
                float: right;
                margin-right: p(14);
                margin-top: p(7);
            }
        }
    }
    .nav {
        width: p(519);
        height: p(171);
        margin: auto;
        margin-top: p(28);
        font-size: 0;
        h1 {
            font-size: p(26);
            text-align: center;
        }
        ul {
            margin-top: p(14);
            li {
                display: inline-block;
                margin-right: p(4);
                margin-bottom: p(3);
                a {
                    display: inline-block;
                    width: p(125);
                    height: p(64);
                    background: #dcdcdc;
                    text-align: center;
                    line-height: p(64);
                    font-size: p(20);
                    color: #898989;
                }
            }
        }
    }
    section {
        overflow: hidden;
        .huoq {
            margin-top: p(37);
            margin-left: p(39);
            .re {
                display: inline-block;
                width: p(32);
                height: p(47);
                overflow: hidden;
                vertical-align: middle;
                img {
                    width: 100%;
                }
            }
            h1 {
                display: inline-block;
                vertical-align: middle;
                a {
                    color: black;
                    font-size: p(30);
                }
            }
        }
        .xdl {
            float: right;
            font-size: 0;
            margin-top: p(56);
            a {
                h2 {
                    display: inline-block;
                    font-size: p(24);
                    color: black;
                    vertical-align: middle;
                    margin-right: p(8);
                }
                .jit {
                    display: inline-block;
                    width: p(25);
                    height: p(26);
                    overflow: hidden;
                    vertical-align: middle;
                    margin-right: p(21);
                    img {
                        width: 100%;
                    }
                }
            }
        }
        .xia {
            font-size: 0;
            margin-top: p(30);
            padding-left: p(24);
            padding-right: p(24);
            .hmm {
                float: left;
                top: 0;
                width: 39.4%;
                padding-top: 49.7%;
                overflow: hidden;
                position: relative;
                a {
                    img {
                        position: absolute;
                        top: 0;
                        width: 100%;
                    }
                }
            }
            .xiaoc {
                float: left;
                width: 59.32%;
                padding-top: 49.7%;
                overflow: hidden;
                position: relative;
                margin-left: 1.01%;
                .xiaoxx {
                    width: 100%;
                    padding-top: 35%;
                    overflow: hidden;
                    position: absolute;
                    top: 0;
                    img {
                        position: absolute;
                        top: 0;
                        width: 100%;
                    }
                }
                .btm {
                    width: 100%;
                    padding-top: 45.6%;
                    margin-top: 18.7%;
                    overflow: hidden;
                    position: absolute;
                    bottom: 0;
                    .juan {
                        width: 46.42%;
                        padding-top: 46.9%;
                        overflow: hidden;
                        position: absolute;
                        top: 0;
                        img {
                            position: absolute;
                            top: 0;
                            width: 100%;
                        }
                    }
                    .cis {
                        width: 50.23%;
                        padding-top: 46.9%;
                        overflow: hidden;
                        right: 0;
                        position: absolute;
                        top: 0;
                        a {
                            img {
                                position: absolute;
                                top: 0;
                                width: 100%;
                            }
                        }
                    }
                }
            }
        }
        .huoq1 {
            margin-top: p(37);
            margin-left: p(39);
            .re1 {
                display: inline-block;
                width: p(41);
                height: p(39);
                overflow: hidden;
                vertical-align: middle;
                img {
                    width: 100%;
                }
            }
            h1 {
                display: inline-block;
                vertical-align: middle;
                a {
                    color: black;
                    font-size: p(30);
                }
            }
        }
        .pof {
            margin-bottom: p(148);
            .hei {
                width: p(190);
                height: p(201);
                overflow: hidden;
                float: left;
                margin-left: p(23);
                img {
                    width: 100%;
                }
            }
            .yund {
                width: p(190);
                height: p(199);
                overflow: hidden;
                margin: auto;
                img {
                    width: 100%;
                }
            }
            .po {
                width: p(190);
                height: p(199);
                overflow: hidden;
                float: right;
                margin-right: p(18);
                img {
                    width: 100%;
                }
            }
        }
    }
    //脚注
    footer {
        ul {
            position: fixed;
            width: 100%;
            bottom: p(0);
            background: white;
            padding: p(16) 0;
            li {
                float: left;
                width: 25%;
                text-align: center;
                a {
                    display: block;
                    color: black;
                    font-size: p(26);
                }
                a:first-child {
                    font-size: p(72);
                    color: #FF9344;
                }
            }
        }
    }
}